<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>安徽省公共资源交易监管网</title>
    <link rel="stylesheet" href="/res/ah/css/basic.css">
    <link rel="stylesheet" href="/res/ah/css/main.css">
    <link rel="stylesheet" href="/res/ah/css/calendar.css">
    <script type="text/javascript" src="/res/ah/js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="/res/ah/js/calendar.js"></script>
    <script>var currentServerTime = "2023-11-15 15:01:44";</script>
    <script type="text/javascript" src="/res/js/common.js"></script>
</head>
<body>
<style>
    .search_left_content {
        padding-top: 20px;
    }

    .search_left_title {
        overflow: hidden;
    }

    .search_left_xx {
        color: #FFFFFF;
        width: 78px;
        height: 24px;
        border-radius: 3px;
        line-height: 24px;
        text-align: center;
        background: red;
        font-size: 12px;
    }

    .search_left_bt {
        font-size: 14px;
        padding-left: 10px;
        font-family: "微软雅黑";
        padding-top: 10px;
    }

    .search_left_xx, .search_left_bt {
        float: left;
    }

    .search_link {
        margin-top: 15px;
        font-size: 12px;
        color: #509B62;
    }

    .search_link span {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
    }

    div#dates-start, div#dates-end {
        position: absolute;
        display: none;
        height: 300px;
        width: 300px;
        margin-right: 0px;
    }

    .btn {
        width: 60px;
        height: 30px;
        background: rgba(66, 176, 164, 1);
        border: 1px solid rgba(66, 176, 164, 1);
        border-radius: 3px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: rgba(255, 255, 255, 1);
    }

    .search_left_bt a {
        line-height: 30px;
    }

    .rightbar {
        float: right;
        width: 285px;
        height: auto;
    }

    .search_type {
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        position: relative;
        background: #f3f3f7 url(../images-hd/ss_dot.png) no-repeat 6px center;
        padding: 0 0 0 22px;
        margin-top: 20px;
    }

    .reslut_type {
        padding: 6px 0 6px 24px;
    }

    .reslut_type li {
        height: 30px;
        line-height: 30px;
    }

    .reslut_type li.typeline {
        display: none;
    }

    a {
        color: #333;
        text-decoration: none;
        outline: none;
        background-color: transparent;
    }

    .reslut_type li.active a, .reslut_type li a:hover {
        color: #ff9900;
    }


</style>
<div class="container">
    <div class="header">
        <div class="header-content clear">
            <div class="header-content-left float-l">
                <div><a class="btn-hover" href="http://www.ggzy.gov.cn/" target="_blank">全国公共资源交易平台</a></div>
                <div class="m-l-50"><a class="btn-hover" href="http://fzggw.ah.gov.cn/" target="_blank">安徽省发展改革委</a></div>
            </div>
            <div class="header-content-right float-r">
                <div>
                    <span class="m-r-10" id="yangliny"></span>
                    <span class="m-r-10" id="time"></span>
                    <span class="m-r-10" id="week"></span>
                    <span class="m-r-10" id="nongliYear"></span>
                    <span id="nongliDay"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="banner" style="height: 180px"></div>
    <div class="center">
        <div class="index-container">
            <div class="center-item m-b-30 clear" style="padding: 30px  0px 0px 100px">
                <div class="float-l" style="width: 1000px">
                    <div class="clear">
                        <form id="sousuoForm" action="/souSuo" method="post">
                            <input type="hidden" id="currentPage" name="currentPage" value="1">
                            <input type="hidden" name="region" id="region" value=""/>
                            <input type="hidden" name="type" id="type" value=""/>
                            <input type="hidden" name="contenttype" id="contenttype" value=""/>
                            <div class="search_box">
                                <input class="sousuo_input" type="text" id="param" name="param" value="遥感+中标公告"/>
                                <input style="margin-left:20px;" class="btn" onclick="searchall()" type="button" value="搜索"/>

                                <label style="margin-left: 50px">时间：</label>
                                <select class="sousuo_select" name="timeParam" id="timeParam">
                                    <option value="self" >自定义</option>
                                    <option value="all"  selected>不限制</option>
                                    <option value="today" >今天</option>
                                    <option value="day" >一天内</option>
                                    <option value="week" >一周内</option>
                                    <option value="month" >一月内</option>
                                    <option value="halfYear" >半年内</option>
                                    <option value="year" >一年内</option>
                                </select>
                                <div style="display: inline-block">
                                    <input class="time-picker-start sousuo_input" style="min-width: 130px;width: 130px" id="startTime" type="text" readonly placeholder="请选择时间" name="startTime" value="2022-1-1"/>
                                    <div class="calendar-box m-l-10" id="dates-start"></div>
                                    <span class="label">至</span>
                                    <input class="time-picker-end sousuo_input" style="min-width: 130px;width: 130px" id="endTime" type="text" readonly placeholder="请选择时间" name="endTime" value="2022-12-31"/>
                                    <div class="calendar-box m-l-10" id="dates-end"></div>
                                </div>
                                <label>排序：</label>
                                <select class="sousuo_select" name="order" id="order">
                                    <option value="score"  selected>匹配度</option>
                                    <option value="time" >时间</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="rightbar">
                        <div class="search_type" width="115">结果分类</div>
                            <div class="reslut_type">
                                <ul>
                                        <li class="active">
                                            <a href="javascript:;" onclick="searchall('1')">
                                                交易信息
                                                (<span style="color:red;">1377</span>)
                                            </a>
                                        </li>
                                        <li class="typeline"></li>
                                        <li class="active">
                                            <a href="javascript:;" onclick="searchall('4')">
                                                审批信息
                                                (<span style="color:red;">17</span>)
                                            </a>
                                        </li>
                                        <li class="typeline"></li>
                                        <li class="active">
                                            <a href="javascript:;" onclick="searchall('7')">
                                                监管信息
                                                (<span style="color:red;">6</span>)
                                            </a>
                                        </li>
                                        <li class="typeline"></li>
                                        <li class="active">
                                            <a href="javascript:;" onclick="searchall('5')">
                                                信用信息
                                                (<span style="color:red;">1</span>)
                                            </a>
                                        </li>
                                        <li class="typeline"></li>
                                </ul>
                            </div>
                    </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=216487a2-99df-499d-8ccf-a2b17c3179e0&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank"><font color='red'>遥感</font>影像集群处理软件采购<font color='red'>中标</font>（成交）结果<font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2023-08-24</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=a5cba9e2-6b3e-45ef-8d59-32b6a076709d&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank"><font color='red'>遥感</font>影像专题应用建设<font color='red'>中标</font>（成交）结果<font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2021-12-16</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=dc106c8b-4406-4e11-94e3-b2ffb88bee32&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">海量多源<font color='red'>遥感</font>影像批处理系统采购<font color='red'>中标</font>（成交）结果<font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2020-12-31</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=8ecbb3b6-d84f-4f37-b04e-50422ebb814d&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">省测绘局2016年航天<font color='red'>遥感</font>数据项目<font color='red'>中标</font><font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2016-11-11</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=d1a50287-ddd5-4ec1-b35e-59197dacde74&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">省测绘局2016年航天<font color='red'>遥感</font>数据项目<font color='red'>中标</font><font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2016-12-20</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=12bce9bf-b0ea-43ea-9a84-44ed38ac120c&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">固定式机动车排污<font color='red'>遥感</font>监测系统采购<font color='red'>中标</font><font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2016-11-24</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=1632137d-766b-45bf-b38d-5251b2bcd4b1&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">固定式机动车排污<font color='red'>遥感</font>监测系统采购<font color='red'>中标</font><font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2016-11-09</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=cce890ee-dcab-431e-b791-ed163da1a366&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">巢湖市园林绿化<font color='red'>遥感</font>服务项目<font color='red'>中标</font>（成交）<font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2022-06-02</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=54fd52dc-cee0-42d8-9699-249b4458d2a8&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">合肥市大气卫星<font color='red'>遥感</font>监测<font color='red'>中标</font>（成交）结果<font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2022-06-17</span></p>
                            </div>
                            <div class="search_left_content">
                                <h3 class="search_left_title">
                                    <p class="search_left_xx" style="background: blue;font-size: 16px">
                                            交易信息
                                    </p>
                                    <p class="search_left_bt" style="width: 900px;padding-top: 0px">
                                                <a href="/zfcg/newDetail?guid=cf7cbc68-9470-430f-8180-0ebe10b4cc29&tenderProjectType=null&bulletinNature=3" style="text-decoration: none" target="_blank">无为市机动车尾气<font color='red'>遥感</font>监测系统项目<font color='red'>中标</font>结果<font color='red'>公告</font></a>
                                    </p>
                                </h3>
                                <div class="search_left_div">
                                    <p>
                                    </p>
                                </div>
                                <p class="search_link">安徽省公共资源交易监管网<span>2022-12-29</span></p>
                            </div>
                        <div class="gcxxfy" style="margin: 20px;">
                            <div class="mmggxlh" style="float: none"><a href="javascript:void(0);">上一页</a>

<a href="javascript:void(0);" class="one">1</a>


<a href="javascript:void(0);" onclick="pagination(2);return false;">2</a>


<a href="javascript:void(0);" onclick="pagination(3);return false;">3</a>


<a href="javascript:void(0);" onclick="pagination(4);return false;">4</a>


<a href="javascript:void(0);" onclick="pagination(5);return false;">5</a>



&nbsp;···&nbsp;
<a href="javascript:void(0);" onclick="pagination(141);return false;">141</a>

<a href="javascript:void(0);" onclick="pagination(1+1);return false;">下一页</a>
<a  class="rmhover">跳转到<input id="pageNo" type="text" name="pageNo" style="width:25px;border-bottom: 1px solid #e3e3e3"
							 data-options="required:true" value="1"></input>页</a>
<a id="turnbtn" value="go" class="rmhover" style="width: 45px;height: 33px">go</a>
<!--<span class="dian">共141页，当前为第1页</span>-->

<style>
	a.rmhover:hover{
		background:#fafafa;
		color: rgba(102,102,102,1);
	}

</style>
<script>
	$(function(){
		$('.refresh').on('click',function(event){
			var currentPage = $('#pageNo').val();
			var totalPage = $('#totalPage').val();
			var totalPageT = parseInt(currentPage);
			if (totalPageT>totalPage){
				totalPageT = totalPage;
			}
			pagination(totalPageT);
		});

		$('#pageNo').on('keypress',function(event){
			if(event.keyCode == 13){
				var currentPage = $('#pageNo').val();
				var totalPage = $('#totalPage').val();
				var totalPageT = parseInt(currentPage);
				if (totalPageT>totalPage){
					totalPageT = totalPage;
				}
				pagination(totalPageT);
			}
		});

		$('#turnbtn').on('click',function(event){
			var currentPage = $('#pageNo').val();
			pagination(currentPage);
		});
	});
</script>
</div>
                        </div>
                </div>
            </div>
        </div>
    </div>
<div class="footer">
	<div class="footer-content clear">
		<div class="footer-content-left float-l" style="width: 977.36px">
			<p>
				<span class="m-r-15">主办单位：<a class="btn-hover" href="javascript:void(0)">安徽省发展和改革委员会</a></span>
				<span class="m-r-15">网站标识码：3400000108</span>
				<span><img src="/res/ah/images/header_badge.png"></span>
				<span class="m-r-15"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34011102001497" target="_blank">皖公网安备：34011102001497号</a> </span>
				<span class="m-r-15">地址：合肥市中山路1号</span>
			</p>
			<p>
				<span class="m-r-15">邮编：230091</span>
				<span class="m-r-15">电子信箱：ahsggb@126.com</span>
				<span class="m-r-15">电话：0551-62603810（专家咨询）62601439、62603813（技术支持）</span>
				<span class="m-l-15"><a href="/indexMap" target="_blank">网站地图</a> </span>
			</p>
			<p>
				<span class="m-r-15">制作维护：<a class="btn-hover" href="http://fzggw.ah.gov.cn/jgsz/wsdw/sjjxxzxsdzzwzx/index.html">安徽省经济信息中心</a></span>
				<span class="m-r-15">本站今日访问：9163 次</span>
				<span class="m-r-15">本站累计访问：133204787 次</span>
				<span  class="m-r-15" style="margin-left: 50px" ><a href="https://beian.miit.gov.cn/" target="_blank">皖ICP备09029153号-7</a></span>
			</p>
		</div>
		<div class="footer-content-right float-l">
			<img class="float-l" style="margin-left: 5px;cursor: pointer" src="/res/ah/images/footer_badge.png" onclick="window.open('http://bszs.conac.cn/sitename?method=show&id=54CDF5A7D7841023E053012819ACA025')"/>
			<img class="float-l" style="margin-left: 50px;cursor: pointer;width: 110px;height: 55px" src="/res/ah/images/jiucuo.png" onclick="window.open('https://zfwzgl.www.gov.cn/exposure/jiucuo.html?site_code=3400000108&url=http%3A%2F%2Fggzy.ah.gov.cn%2F')"/>
		</div>
	</div>
</div>

<script>
	$(".info-center-menu-item").each(function(){
		if(($(".info-center-content-title").text()).replace(/\s+/g,"")==($(this).text()).replace(/\s+/g,"")){
			$(this).addClass("active");
			$(this).siblings().removeClass("active");
		}
	})
	$(".tran-info-list-menu-item").each(function(){
		// if($(this).text()=='工程建设'||$(this).text()=='地方性法规'||$(this).text()=='规范性文本'){
		if($(this).text()=='工程建设'||$(this).text()=='地方性法规'||$(this).text()=='规范性文件'||$(this).text()=='规章'||$(this).text()=='国务院级有关部门'||$(this).text()=='省级有关部门'){
			$(this).click(function(){
				var that = this;
				$(this).addClass("active");
				$(this).siblings().removeClass("active");
				$(this).parent().find("ul").each(function (){
					//隐藏其他ul列表，不隐藏当前点击元素紧邻的ul，用于展示当前元素多次点击的隐藏展开效果
					if (!$(this).get(0) == $(that).next().get(0)) {
						$(this).hide();
					}
				})

				$(this).next().toggle();
				if ($(this).hasClass("develop")) {
					$(this).removeClass("develop");
					$(this).addClass("develop1");
				}else if ($(this).hasClass("develop1")) {
					$(this).removeClass("develop1");
					$(this).addClass("develop");
				}else if ($(this).hasClass("develop2")) {
					$(this).removeClass("develop2");
					$(this).addClass("develop3");
				}else if ($(this).hasClass("develop3")) {
					$(this).removeClass("develop3");
					$(this).addClass("develop2");
				}else if ($(this).hasClass("develop4")) {
					$(this).removeClass("develop4");
					$(this).addClass("develop5");
				}else if ($(this).hasClass("develop5")) {
					$(this).removeClass("develop5");
					$(this).addClass("develop4");
				}else if ($(this).hasClass("develop6")) {
					$(this).removeClass("develop6");
					$(this).addClass("develop7");
				}else if ($(this).hasClass("develop7")) {
					$(this).removeClass("develop6");
					$(this).addClass("develop6");
				}
			})

			$(".tran-info-list-menu-develop").hide();

			var isGcjs=false;
			$(".tran-info-list-menu-develop li").each(function(){
				if(($(".tran-info-list-content-title").text()).replace(/\s+/g,"")==($(this).text()).replace(/\s+/g,"")){
					$(this).addClass("active");
					$(this).siblings().removeClass("active");
					$(this).parent().parent().last().addClass("active");
					$(this).parent().parent().last().siblings().removeClass("active");
					$(this).parent().parent().parent().find("ul").css("display","none");
					$(this).parent().parent().css("display","block");

					// $(this).addClass("active");
					// $(this).siblings().removeClass("active");

					var that = $(this).parent().parent().parent();
					$(this).parent().parent().parent().parent().find("li").each(function (){
						//隐藏其他ul列表，不隐藏当前点击元素紧邻的ul，用于展示当前元素多次点击的隐藏展开效果
						if ($(that).get(0) == $(this).next().get(0)) {
							if ($(this).hasClass("develop")) {
								$(this).removeClass("develop");
								$(this).addClass("develop1");
							}else if ($(this).hasClass("develop2")) {
								$(this).removeClass("develop2");
								$(this).addClass("develop3");
							}else if ($(this).hasClass("develop4")) {
								$(this).removeClass("develop4");
								$(this).addClass("develop5");
							}else if ($(this).hasClass("develop6")) {
								$(this).removeClass("develop6");
								$(this).addClass("develop7");
							}
						}
					})

					$(this).parent().parent().parent().css("display","block");

					isGcjs=true;
				}

			})
			if ($(this).next().hasClass('active')) {
				$(this).removeClass('develop').addClass('develop1');
			}

		}else if(($(".tran-info-list-content-title").text()).replace(/\s+/g,"")==($(this).text()).replace(/\s+/g,"")){
			$(this).addClass("active");
			$(this).siblings().removeClass("active");
		}
	})
</script></div>
<script type="text/javascript">
    function pagination(currentPage) {
        $("#currentPage").attr("value", currentPage);
        $("#sousuoForm").submit();
    }
    //结果聚合分组查询
    function contentAgg() {
        $("#currentPage").attr("value", 1);
        $("#sousuoForm").submit();
    }
    function searchall(contenttype) {
        if(contenttype){
            $("#contenttype").val(contenttype);
        }
        $("#param").val($.trim($("#param").val()));
        var region = $("#region").val();
        var timeParam = $("#timeParam").val();
        var contenttype = $("#contenttype").val();
        if (region == '' && timeParam == '' && contenttype == '' && param == '') {
            alert("请输入查询条件");
            return false;
        }
        var timeParam = $.trim($("#timeParam").val());
        var startTime = $.trim($("#startTime").val());
        var endTime = $.trim($("#endTime").val());
        if (timeParam == 'self' && startTime == '' && endTime == '') {
            alert("请输入查询时间");
            return false;
        }

        $("#currentPage").val("1");
        $("#sousuoForm").submit();
    }

    /**
     * @constructor
     * @param {Object} [options] - 日历控件的配置参数
     * @param [options.parent] - 日历显示的位置（DOM 节点 ID）
     * @param [options.time] - 日历初始化显示的时间
     * @param [options.viewMode] - 日历的试图模式：0 - 日期试图（默认值）
     *                                           1 - 月份试图
     *                                           2 - 年代试图
     * @param [options.pickMode] - 日历的日期选择模式: single - 单选模式（默认值）
     *                                               multiple - 多选模式
     *                                               range - 范围选择模式
     *                                               week - 星期选择模式
     * @param [options.hasSwitcher] - 是否显示上下切换按钮（默认值：true）
     * @param [options.hasFooter] - 是否显示日历页脚（默认值：true）
     * @param [options.hasClock] - 是否显示当前时间（默认值：true）
     * @param [options.onDatePick] - 选择日期后的自定义事件处理器
     * @param [options.onMonthPick] - 选择月份后的自定义事件处理器
     * @param [options.onYearPick] - 选择年份后的自定义事件处理器
     * @param [options.onTodayPick] - 点击当前日期的自定义事件处理器
     * @param [options.MONTHS] - 月份常量（格式：去年11/12月 + 今天月份 + 明年1/2月）
     * @param [options.DAYS] - 星期常量（周日为一周的第一天，周六为一周的最后一天）
     * @param [options.DATES] - 月份天数常量（2月为28天，闰年则 28 + 1）
     * @param [options.STYLES] - 日历控件的样式常量
     * @returns {Calendar}
     */
    // 时间范围 --> 开始时间
    (function () {
        new Calendar({
            parent: 'dates-start',
            time: '',
            viewMode: 0,
            pickMode: 'single',
            hasFooter: false,
            hasClock: false,
            onDatePick: function (time, $el, calendar) {
                time = time.replace(/-/g, "/");
                $('#dates-start').hide();
                var myDate = new Date(time);
                let month = myDate.getMonth() + 1;
                let year = myDate.getFullYear();
                let day = myDate.getDate();
                let Hour = myDate.getHours();
                let Min = myDate.getMinutes();
                let Sec = myDate.getSeconds();
                $('.time-picker-start').val(year + '-' + month + '-' + day);
                $(".time-item").removeClass("time-item-active");
            }
        });
        $('.time-picker-start').on('click', function () {
            $('#dates-start').toggle();
            $('#dates-end').hide();
        })
    })();
    // 时间范围 --> 结束时间
    (function () {
        new Calendar({
            parent: 'dates-end',
            time: '',
            viewMode: 0,
            pickMode: 'single',
            hasFooter: false,
            hasClock: false,
            onDatePick: function (time, $el, calendar) {
                time = time.replace(/-/g, "/");
                $('#dates-end').hide();
                var myDate = new Date(time);
                let month = myDate.getMonth() + 1;
                let year = myDate.getFullYear();
                let day = myDate.getDate();
                let Hour = myDate.getHours();
                let Min = myDate.getMinutes();
                let Sec = myDate.getSeconds();
                $('.time-picker-end').val(year + '-' + month + '-' + day);
                $(".time-item").removeClass("time-item-active");
            }
        });
        $('.time-picker-end').on('click', function () {
            $('#dates-start').hide();
            $('#dates-end').toggle();
        })
    })()
</script>
</body>
</html>